<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Project Detail</title>
<link rel="stylesheet" type="text/css" href="resources/theme/jquery.datepick.css"/>
<link rel="stylesheet" type="text/css" href="resources/theme/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="resources/theme/DT_bootstrap.css"/>

<style>
.error {
	color: #ff0000;
}
.errorblock{
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding:8px;
	margin:16px;
}
</style>

<script src="//code.jquery.com/jquery-1.11.1.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<script>
$(document).ready(function() {

/*    $("#project_start_dt").datepicker({
     showOn: "button",
     dateFormat: "mm-dd-yy" ,
   // buttonImage: "cc/i/calendar2.png",
     buttonImageOnly: true
     }); */

   $("#project_start_dt" ).datepicker();

} );

</script>

<script>
$(document).ready(function() {

   $("#project_end_dt" ).datepicker();

} );

</script>
</head>
<body>
<div align="center">
		<form:form method="POST" action ="dosubmit"  commandName="ProjectDetailCommand" >
			                                   
			<form:errors path="*" cssClass="errorblock" element="div"></form:errors>
			
				<table cellpadding="0" cellspacing="0" border="0" class="table table-bordered" align="center" width="600">
					
					<tr>
				          <th colspan="2">Provide Project Details </th>
				    </tr>
				    <tr>
				           <td>Project ID:</td>
				           <td><form:input path="projectId" /></td>
				    </tr>
				    <tr>
				           <td>Project Name:</td>
				           <td><form:input path="projectName" /></td>
				    </tr>
				    <tr>
				    <td>Project StratDate</td>
				    		<td><form:input id ="project_start_dt"  path="project_start_date"/></td>
				    </tr>
				    <tr>
				    		<td>Project EndDate</td>
				    		<td><form:input id ="project_end_dt" path="project_end_date"/></td>
				    </tr>
				     
				    <tr>
				    		<td>Region</td>
				    		<td><form:input path="region"/></td>
				    </tr>
				    <tr>
				    		<td>No Of Resource</td>
				    		<td><form:input path="no_of_resource"/></td>
				    </tr>
				    <tr>
				    		<td>Status</td>
				    		<td><form:input path="status"/></td>
				    </tr>
				    <tr>
				    		<td>Location</td>
				    		<td><form:input path="location"/></td>
				    </tr>
				    <tr>
				    		<td>Project Manager Signum</td>
				    		<td><form:input path="project_manager_signum"/></td>
				    </tr>
				   
				    

				    <tr>
				            <td colspan="2" align="center"><input type="submit" value="Submit" /></td>
				    </tr>
				</table>
		</form:form>
	</div>	
</body>
</html>